<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <button>按钮</button>
    <script>
        let button = document.querySelector('button');
        button.onclick = function () {
            // 创建ajax对象
            let xhr = new XMLHttpRequest()
            // ajax对象以什么方式对哪里发送请求
            xhr.open('get', 'http://127.0.0.1:8080')
            // ajax对象发送请求
            xhr.send()
            // 当客户端接受服务端的响应数据后,会触发onload事件
            xhr.onload = function () {
                console.log('成功接受到服务端请求')
                console.log(xhr.responseText)
                console.log(JSON.parse(xhr.responseText))
            }
        }
    </script>
</body>
</html>